<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>商品结算页面</title>
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="css/login.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/account.css">
	<style>
		
	</style>
</head>
<body>
	<div class="top">
		<ul class="top_right">
			<li class="topR">商业合作</li>			
			<li class="topR">了解造作</li>
			<li class="news">实体店<span>NEW</span></li>
			<li class="top_icon"><span></span></li>
		</ul>
		<h1><img src="images/icon/0logo.png" alt=""></h1>
		<ul class="leftnav">
			<span class="myIcon"><img src="images/icon/1a.png" alt=""></span>
			<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
			<li class="login_now leave_now">首页</li>
			<li>沙发
				<div class="slideul">
					<ul class="slide_one">
						<li>
							<img class="img_nohover" src="images/icon/sofa_3.png" alt="">
							<img class="img_hover" src="images/icon/sofa_3c.png" alt="">
							<span>三人沙发</span>
							</li>

						<li>					
							<img class="img_nohover" src="images/icon/sofa_2.png" alt="">
							<img class="img_hover" src="images/icon/sofa_2c.png" alt="">
							<span>双人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
							<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
							<span>单人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_4.png" alt="">
							<img class="img_hover" src="images/icon/sofa_4c.png" alt="">
							<span>四人沙发</span>
							</li>

						<li>
							<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
							<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
							<span>沙发墩</span>
						</li>
					</ul>
				</div>
			</li>
			<li>桌几
				<div class="slideul">
					<ul class="slide_two">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<img class="img_hover" src="images/icon/desk_1c.png" alt="">
							<span>书桌·餐桌</span>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<img class="img_hover" src="images/icon/desk_2c.png" alt="">
							<span>茶几</span>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<img class="img_hover" src="images/icon/desk_3c.png" alt="">
							<span>边几</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>椅凳
				<div class="slideul">
					<ul class="slide_three">
						<li>
							<img src="images/icon/desk_1.png" alt="">
							<img class="img_hover" src="images/icon/desk_1c.png" alt="">
							<span>座椅</span>
						</li>
						<li>
							<img src="images/icon/desk_2.png" alt="">
							<img class="img_hover" src="images/icon/desk_2c.png" alt="">
							<span>坐墩</span>
						</li>
						<li>
							<img src="images/icon/desk_3.png" alt="">
							<img class="img_hover" src="images/icon/desk_3c.png" alt="">
							<span>凳子</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>柜架
				<div class="slideul">
					<ul class="slide_four">
						<li>
							<img src="images/icon/gj_1.png" alt="">
							<img class="img_hover" src="images/icon/gj_1c.png" alt="">
							<span>置物柜</span>
						</li>
						<li>
							<img src="images/icon/gj_2.png" alt="">
							<img class="img_hover" src="images/icon/gj_2c.png" alt="">
							<span>书柜·书架</span>
						</li>
						<li>
							<img src="images/icon/gj_3.png" alt="">
							<img class="img_hover" src="images/icon/gj_3c.png" alt="">
							<span>电视柜</span>
						</li> 
						<li>
							<img src="images/icon/gj_4.png" alt="">
							<img class="img_hover" src="images/icon/gj_4c.png" alt="">
							<span>置物架</span>
						</li>     
						<li>
							<img src="images/icon/gj_5.png" alt="">
							<img class="img_hover" src="images/icon/gj_5c.png" alt="">
							<span>单元格</span>
						</li>     
						<li>
							<img src="images/icon/gj_6.png" alt="">
							<img class="img_hover" src="images/icon/gj_6c.png" alt="">
							<span>衣帽架</span>
						</li>     
						<li>
							<img src="images/icon/gj_7.png" alt="">
							<img class="img_hover" src="images/icon/gj_7c.png" alt="">
							<span>鞋柜·玄关柜</span>
						</li>             
					</ul>	
				</div>	
			</li>
			<li>灯具
				<div class="slideul">
					<ul class="slide_five">
						<li>
							<img src="images/icon/light_1.png" alt="">
							<img class="img_hover" src="images/icon/light_1c.png" alt="">
							<span>台灯</span>
						</li>
						<li>
							<img src="images/icon/light_2.png" alt="">
							<img class="img_hover" src="images/icon/light_2c.png" alt="">
							<span>地灯 </span>
						</li>
						<li>
							<img src="images/icon/light_3.png" alt="">
							<img class="img_hover" src="images/icon/light_3c.png" alt="">
							<span>吊灯</span>
						</li> 
						<li>
							<img src="images/icon/light_4.png" alt="">
							<img class="img_hover" src="images/icon/light_4c.png" alt="">
							<span>夜灯</span>
						</li>       
					</ul>	
				</div>	
			</li>
			<li>床·床具
				<div class="slideul">
					<ul class="slide_six">
						<li>
							<img src="images/icon/bed_1.png" alt="">
							<img class="img_hover" src="images/icon/bed_1c.png" alt="">
							<span>床</span>
						</li>
						<li>
							<img src="images/icon/bed_2.png" alt="">
							<img class="img_hover" src="images/icon/bed_2c.png" alt="">
							<span>床垫 </span>
						</li>
						<li>
							<img src="images/icon/bed_3.png" alt="">
							<img class="img_hover" src="images/icon/bed_3c.png" alt="">
							<span>床头柜</span>
						</li> 
						<li>
							<img src="images/icon/bed_4.png" alt="">
							<img class="img_hover" src="images/icon/bed_4c.png" alt="">
							<span>床下储物盒</span>
						</li>   
						<li>
							<img src="images/icon/bed_5.png" alt="">
							<img class="img_hover" src="images/icon/bed_5c.png" alt="">
							<span>床尾凳</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>家纺
				<div class="slideul">
					<ul class="slide_seven">
						<li>
							<img src="images/icon/jf_1.png" alt="">
							<img class="img_hover" src="images/icon/jf_1c.png" alt="">
							<span>床品4件套</span>
						</li>
						<li>
							<img src="images/icon/jf_2.png" alt="">
							<img class="img_hover" src="images/icon/jf_2c.png" alt="">
							<span>被芯·枕芯 </span>
						</li>
						<li>
							<img src="images/icon/jf_3.png" alt="">
							<img class="img_hover" src="images/icon/jf_3c.png" alt="">
							<span>床褥</span>
						</li> 
						<li>
							<img src="images/icon/jf_4.png" alt="">
							<img class="img_hover" src="images/icon/jf_4c.png" alt="">
							<span>盖毯</span>
						</li>   
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>地毯</span>
						</li>   
						<li>
							<img src="images/icon/jf_6.png" alt="">
							<img class="img_hover" src="images/icon/jf_6c.png" alt="">
							<span>抱枕</span>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>毛巾</span>
						</li> 
						<li>
							<img src="images/icon/jf_5.png" alt="">
							<img class="img_hover" src="images/icon/jf_5c.png" alt="">
							<span>颈枕</span>
						</li>    
					</ul>	
				</div>	
			</li>
			<li>装饰
				<div class="slideul">
					<ul class="slide_eight">
						<li>
							<img src="images/icon/zs_1.png" alt="">
							<img class="img_hover" src="images/icon/zs_1c.png" alt="">
							<span>摆件·花瓶</span>
						</li>
						<li>
							<img src="images/icon/zs_2.png" alt="">
							<img class="img_hover" src="images/icon/zs_2c.png" alt="">
							<span>收纳</span>
						</li>
						<li>
							<img src="images/icon/zs_3.png" alt="">
							<img class="img_hover" src="images/icon/zs_3c.png" alt="">
							<span>装饰画</span>
						</li>     
					</ul>	
				</div>	
			</li>
			<li>餐具
				<div class="slideul">
					<ul class="slide_nine">
						<li>
							<img src="images/icon/cj_1.png" alt="">
							<img class="img_hover" src="images/icon/cj_1c.png" alt="">
							<span>套装</span>
						</li>
						<li>
							<img src="images/icon/cj_2.png" alt="">
							<img class="img_hover" src="images/icon/cj_2c.png" alt="">
							<span>盘碗 </span>
						</li>
						<li>
							<img src="images/icon/cj_3.png" alt="">
							<img class="img_hover" src="images/icon/cj_3c.png" alt="">
							<span>杯子</span>
						</li> 
						<li>
							<img src="images/icon/cj_4.png" alt="">
							<img class="img_hover" src="images/icon/cj_4c.png" alt="">
							<span>储物</span>
						</li>   
						<li>
							<img src="images/icon/cj_5.png" alt="">
							<img class="img_hover" src="images/icon/cj_5c.png" alt="">
							<span>托盘</span>
						</li>      
					</ul>	
				</div>	
			</li>
			<li>礼品卡</li>
		</ul>
	</div>
	<div class="a_container">
		<div class="a_shop">
			<div>
				<span> < 返回购物车修改</span>
				<span>订单确认 > <b>订单支付</b></span>
			</div>
			<div>
				<p>单品</p>
				<table>
					<tr>
						<td>
							<div>
								<img src="images/pay_1.jpg" alt="" width="80px">
							</div>
							<div>
								<span>圆灯</span>
								<span>预计2018-05-16前发货</span>
							</div>
							
						</td>
						<td>
							米白
						</td>
						<td>
							￥1999
						</td>
						<td>
							x 1
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="a_adrr">
			<p>
				我们在全国大部分城市<b>免费配送</b> 请问我们要送到哪里？
			</p>
			<span> + 添加收货地址 </span>
		</div>
		<div class="a_server">
			<div>
				<h3>我们致力为您提供零时差的服务和售后</h3>
				<p>造作已开通全国主要城市免费配送，并与国内专业家具物流方及售后服务公司合作，为你提供最好的配送及售后服务。</p>
				<p>具体服务标准如下：</p>
				<p>1. 包含北上广深等全国210个城市、666个区县免费配送并上门安装；</p>
				<p>2. 家居用品全国包邮。</p>
				<p>（备注：新疆、西藏、青海三个省份除外，其他省份内物流运输网点无法覆盖的远郊区县不在免费配送范围，请在购买产品时与造作确认）。</p>
				<p>家具产品单价较高，为避免您的损失，请您按造作收货流程收货，详情请查看配送与售后说明。</p>
				<span class="a_ty">
					<span class="sm_block"></span>我已阅读并同意《造作物流及售后协议》
				</span>
				<span class="a_more">了解更多售后和服务详情 > </span>
			</div>
			<div>
				<div>
					<h3>您是否需要发票？</h3>
					<span class="sm_block sm_block_white"></span>
					<p class="fp"><b>我要开发票 ></b> </p>
					<hr>
				</div>
				<div>
					<h3>如果还有别的需要，不妨备注一句</h3>
					<textarea name="" id="" cols="30" rows="10" placeholder="在此处添加备注"></textarea>
				</div>
			</div>
		</div>
		<div class="account fixed">
			<div>
				<p>￥1999</p>
				<button>结算</button>
			</div>
		</div>
	</div>
	<div class="footer">
		<!-- footer内容区，包括footer_t和footer_b -->
		<div class="footer_c">
			<!-- footer_t -->
			<div class="footer_t">
				<!-- footer_t中的footer_tl，包括img，span和两个小图标 -->
				<div class="footer_tl">
					<img src="images/zaozuo2.png" alt="">
					<span>zaozuo.com</span>
					<div class="tubiao">
						<div class="tubiao1"></div>
						<div class="tubiao2"></div>
					</div>
				</div>
				<!-- footer_t中的footer_tc -->
				<div class="footer_tc">
					<ul>
						<li class="current">关于造作
							<ol class="footer_tc_ol">
								<li>团队介绍</li>
								<li>设计师团</li>
								<li>媒体报道</li>
								<li>加入造作</li>
								<li>Designer Hiring</li>
							</ol>
						</li>
						<li class="current">帮助中心
							<ol class="footer_tc_ol">
								<li>购物管理</li>
								<li>订单管理</li>
								<li>常见问题</li>
							</ol>
						</li>
						<li class="current">服务支持
							<ol class="footer_tc_ol">
								<li>服务保障</li>
								<li>用户协议</li>
								<li>物流售后服务</li>
							</ol>
						</li>
						<li class="current">商业合作
							<ol class="footer_tc_ol">
								<li>集合采购</li>
								<li>空间设计合作</li>
								<li>品牌合作</li>
								<li>媒体合作</li>
								<li>设计师入驻</li>
							</ol>
						</li>
					</ul>
				</div>
				<!-- footer_tc中的footer_tc_t 在线客服 -->
				<div class="footer_tr">
					<div class="footer_tr_t">
						<span>联系我们</span>
						<p>400-6636-926
							<span>(9:00~21:00)</span>
						</p>
						<div class="kefu">在线客服</div>
					</div>
					<!-- footer_tc中的footer_tc_b 分店 -->
					<div class="footer_tr_b">
						<ul>
							<li>
								<span></span>
								北京颐堤港店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								北京荟聚店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海幸福里店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海万象城店&nbsp;></li>
							<li>
								<span></span>
								深圳万象天地店&nbsp;></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- footer_b -->
			<div class="footer_b">
				<p>Copyright © 2015 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
				<p>
					<span>版权所有</span>&nbsp;
					<span class="p_1">京ICP备14049641号-1&nbsp;增值电信业务经营许可证：京ICP证150098号</span>
				</p>
				<p class="p_2">造作官网-全品类设计家居品牌</p>
			</div>
		</div>
	</div>
	
</body>
<script src="js/jquery.min.js"></script>
<script>
	$(function(){
		$(window).scroll(function(event) {
			if($(window).scrollTop()>=$('.footer_b').offset().top-850){
				$('.account').removeClass('fixed');
			}else{
				$('.account').addClass('fixed');
			}
		});
	})
</script>
</html>
